@charset "utf-8";
body{ background:#f5f5f5;}

.mui_flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.mui_flex,.mui_flex *,.mui_flex :after,.mui_flex :before{box-sizing:border-box;}
.cell{-webkit-box-flex:1; -webkit-flex:1;-ms-flex:1;flex:1; -webkit-flex-basis:0;-ms-flex-preferred-size:0; flex-basis:0; }
.t_c{ text-align:center;}
.t_r{ text-align:right;}
.d_p_n{ display:none;}
.f_r{ float:right;}

/**/
.head{ position:fixed; left:0; top:0; z-index:100; width:100%; height:0.4rem; line-height:0.4rem; text-align:center;  font-size:0.14rem; color:#fff; background:#262629;}
.reback{ position:absolute; left:0.1rem; top:0.14rem; width:0.12rem; height:0.12rem; border:solid #fff; border-width:0 0 2px 2px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}

.main{ padding-top:0.4rem;}

.login_box{ padding:0.3rem 0.1rem;}
.login_box li{ position:relative; margin-bottom:0.1rem; padding:0 0 0 0.4rem; height:0.36rem; border:1px solid #eee; border-radius:4px; background:#fff;}
.login_box li:hover{border:1px solid #ffa000;}
.login_box li i{ position:absolute; top:0.05rem; left:0.05rem; width:0.25rem; height:0.25rem;}

.name{ background:url(../../images/mealallowance/name.png) no-repeat; background-size:0.25rem 0.25rem;}
.phone{ background:url(../../images/mealallowance/phone.png) no-repeat; background-size:0.25rem 0.25rem;}
.yz{ background:url(../images/yz.png) no-repeat; background-size:0.25rem 0.25rem;}

.input_txt{ width:100%; height:0.36rem; border:none; background:none;}
.input_pwd_txt{ width:100%; height:0.36rem; border:none; background:none;text-align: center;}
.get_yzm{ position:absolute; top:0; right:0; padding:0 0.1rem; height:0.35rem; line-height:0.35rem;border-radius:0 4px 4px 0; color:#fff;  background:#ffa000;}

.con_panel{ padding:0.1rem; border:solid #eee; border-width:1px 0; background:#fff;}
.con_box{ padding:0 0.1rem;}

.a_btn{ width:100%; height:0.34rem; border:none; border-radius:4px; text-align:center; color:#fff; background:#e2181a;}

.a_logout_btn{ width:100%; height:0.34rem; border:none; border-radius:4px; text-align:center; color:#fff; background:#e2181a;}

.f_con{ margin:0.1rem 0 0.2rem; padding:0.1rem; border:1px solid #eee; background:#fff;}
.f_con li{ position:relative; height:0.36rem; border-bottom:1px solid #eee;}
.f_con li.bb{border-bottom:1px solid #ffa000;}

.get_mobile{ position:absolute; top:0.04rem; right:0.05rem; padding:0 0.1rem; height:0.26rem; line-height:0.26rem; border:1px solid #ffa000; border-radius:2px; color:#ffa000;}

.f_ex{ padding-top:0.2rem;}
.f_ex h2{ padding-bottom:0.05rem; font-size:0.12rem;}

.pay_box{ margin:0.1rem; padding:0.1rem 0.1rem 0.2rem; border:1px solid #eee; background:#fff;}
.pay_box li{ position:relative; padding-left:0.9rem; line-height:0.36rem; border-bottom:1px solid #eee;}
.pay_box li.bb{ border-bottom:1px solid #ffa000;}
.pay_box li label{ position:absolute; top:0; left:0; width:0.9rem; line-height:0.36rem;}

.p_ex{ padding:0 0.1rem 0.2rem; color:#999;}

.money_box{ position:relative; min-height:1.2rem; padding:0.2rem 0.2rem 0; color:#fff; background:#f33b3e;}
.money_num{ padding-top:0.1rem; font-size:0.42rem;}
.sub_money_num{ padding-top:0.05rem; font-size:0.12rem;}
.scale_pay{ position:absolute; right:0.2rem; top:0.2rem; width:1rem;}
.scale_pay i{ display:block; margin:0 auto; width:0.4rem; height:0.4rem; background:url(../../images/mealallowance/scale.png) no-repeat; background-size:0.4rem .4rem;}
.scale_pay em{ display:block; padding-top:0.1rem; text-align:center; color:#fff; font-size:0.14rem; -webkit-animation:scaleA 1.2s  ease infinite; animation:scaleA 1.2s  ease infinite;}

@-webkit-keyframes scaleA{
  0% {
    opacity:1;
    -webkit-transform:scale(1);
  }

  100% {
  opacity:0;
  -webkit-transform:scale(2);
  }
}

@keyframes scaleA{
  0% {
    opacity:1;
    transform:scale(1);
  }

  
  100% {
  opacity:0;
  transform:scale(2);
  }  
}

.user_box{ position:relative; padding:0.1rem; border-bottom:1px solid #eee; overflow:hidden; background:#fff;}
.user_img{ float:left; margin-right:0.1rem; width:0.4rem; height:0.4rem; border-radius:100%; overflow:hidden;}
.user_img img{ width:100%; height:100%;}

.user_info p{ line-height:0.2rem; font-size:.14rem;}
.user_info p:nth-child(2){ font-size:0.12rem; color:#999999;}

.r_arrow{ position:absolute; right:0.1rem; top:50%; margin-top:-0.04rem; width:0.08rem; height:0.08rem; border:solid #666; border-width:1px 1px 0 0; -webkit-transform:rotate(45deg); transform:rotate(45deg);color: #999999;}
.r_arrow_txt{ position:absolute; right:0.2rem; top:42%; margin-top:-0.04rem; display: block; color: #999999;}

.record_panel{ padding:0.1rem; border-bottom:1px solid #eee; background:#fff;}
.record_panel li{ text-align:center; border-left:1px solid #eee;}
.record_panel li:first-child{ border:none;}
.record_panel li span{ display:block; padding-top:0.05rem; font-size:0.14rem;}

.record_get,.record_pay{ display:block; margin:0 auto; width:.4rem; height:.4rem;}
.record_get{ background:url(../../images/mealallowance/get.png) no-repeat; background-size:.4rem .4rem;}
.record_pay{ background:url(../../images/mealallowance/pay.png) no-repeat; background-size:.4rem .4rem;}

.m_b20{ margin-bottom:0.2rem;}
.m_t50{ margin-top:0.5rem;}
.c_gray{ color:#999;}
.f14{ font-size:0.14rem;}

.n_list{ background:#fff;}
.n_list li{ position:relative; padding:0 0.1rem; line-height:.4rem; border-bottom:1px solid #eee; font-size:.14rem;}
.m_pwd,.m_phone,.m_loginOut{ display:inline-block; vertical-align:middle; margin-right:0.05rem; width:.2rem; height:.2rem;}
.m_pwd{ background:url(../../images/mealallowance/m_pwd.png) no-repeat; background-size:.2rem .2rem;}
.m_phone{ background:url(../../images/mealallowance/m_phone.png) no-repeat; background-size:.2rem .2rem;}
.m_loginOut{ background:url(../../images/mealallowance/m_loginout.png) no-repeat; background-size:.2rem .2rem;}

.m_arrow{ position:absolute; right:0.1rem; top:50%; margin-top:-0.03rem; width:0.06rem; height:0.06rem; border:solid #666; border-width:1px 1px 0 0; -webkit-transform:rotate(45deg); transform:rotate(45deg);}

.m_ex{ padding:0.1rem; font-size:0.1rem; color:#999;}

.p_tit{ padding-bottom:0.1rem; line-height:0.4rem; border-bottom:1px solid #eee; font-size:0.14rem;}
.p_tit.pp{ padding:0.1rem 0; text-align:left;}
.p_img{ display:inline-block; vertical-align:middle; margin-right:0.05rem; width:0.3rem; height:0.3rem;}
.p_img img{ width:100%; height:100%;}

.p_money{ padding-top:0.1rem; text-align:center;}
.pm_num{ font-size:0.4rem; color:#ffa000;}

.use_money{ position:relative; bottom:-0.1rem; padding:0 0.1rem 0 0.6rem;}
.use_money label{ position:absolute; top:0; left:0.1rem; line-height:0.36rem;}

.get_panel{ margin:0.1rem 0.1rem 0; padding:0.1rem; border-radius:4px 4px 0 0; overflow:hidden; background:#fff;}
.get_panel h2{ padding-bottom:0.05rem; font-size:0.14rem;}
.g_date{ padding-bottom:0.1rem; font-size:0.1rem; color:#999;}

.c_blue{ color:#12b7f5;}

.g_success{margin:0 0.1rem 0.2rem; padding:0 0.1rem; line-height:0.36rem; color:#fff; border-radius:0 0 4px 4px; background:#12b7f5;}

.consume_panel{border-bottom:1px dotted #000;margin-bottom:0.1rem;}
.consume_panel h2{ padding:0 .1rem; line-height:0.4rem; font-size:0.14rem;}
.consume_panel ul{ padding:0 .1rem; border:solid #eee; border-width:1px 0; background:#fff;}
.consume_panel li{ padding:0.05rem 0; border-top:1px solid #eee; overflow:hidden;}
.consume_panel li:first-child{ border:none;}

.consume_date{ display:inline-block; vertical-align:middle; width:0.3rem; font-size:0.1rem; color:#999;}
.consume_info{ display:inline-block; vertical-align:middle; padding-left:0.05rem;}

.a_info{border:1px solid #eee; background:#fff;}
.a_info li{ position:relative; padding-left:0.9rem; line-height:0.36rem; border-bottom:1px solid #eee;}
.a_info li:last-child{ border:none;}
.a_info li label{ position:absolute; top:0; left:0.1rem; width:0.9rem; line-height:0.36rem;}

.for_panel{ padding:0.1rem; color:#999;}
.for_panel a{ text-decoration:underline; color:#ffa000;}

.n_list li.an_ex{ padding:0.1rem; line-height:0.22rem; font-size:0.12rem; color:#999;}

/**/
.b_cover{ display:none; position:fixed; top:0; left:0; z-index:9990; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.a_cover{ display:none; position:fixed; top:0; left:0; z-index:9990; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.c_cover{ display:none; position:fixed; top:0; left:0; z-index:9990; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.pay_b_cover{ display:none; position:fixed; top:0; left:0; z-index:9990; width:100%; height:100%; background:rgba(0,0,0,0.4);}

.alert_box{display:none; position:absolute; top:1.5rem; left:0; z-index:9999; width:100%;}
.alert_box_two{display:none; position:absolute; top:1.5rem; left:0; z-index:9999; width:100%;}
.load_box{display:none; position:absolute; top:1.5rem; left:0; z-index:9999; width:100%;}
.pay_alert_box{display:none; position:absolute; top:16rem; left:0; z-index:9999; width:100%;}

.alert_con{ margin:0 0.4rem; border-radius:0.05rem; background:#fff;}
.alert_con_two{ margin:0 0.4rem; border-radius:0.05rem; background:#fff;}
.pay_alert_con{ margin:0 4.5rem; border-radius:0.5rem; background:#fff;}
.load_con{ margin:0 0.4rem; border-radius:0.05rem; background:#fff;}
.tips_con{ padding:0.1rem; text-align:center;}
.tips_con h2{ font-size:0.14rem;}
.pay_tips_con{ padding:2rem; text-align:center;}
.pay_tips_con h2{ font-size:1.6rem;}
.pay_tips_con h3{ padding-top:1.5rem; font-size:1.4rem;}

.alert_action{border-top:1px solid #ddd; line-height:0.36rem; text-align:center; font-size:0.14rem; }
.alert_action li{ border-left:1px solid #ddd;}
.alert_action li:first-child{ border:none;}

.pay_alert_action{border-top:1px solid #ddd; line-height:3.6rem; text-align:center; font-size:1.4rem; }
.pay_alert_action li{ border-left:1px solid #ddd;}
.pay_alert_action li:first-child{ border:none;}

.loading_box{ padding:0.5rem; text-align:center;}
.loader{display:inline-block; vertical-align:middle; margin-right:0.1rem; width:32px; height:32px; border:8px solid #e66; border-radius:16px; border-right-color:transparent; -webkit-animation:loader 1250ms infinite linear; animation:loader 1250ms infinite linear; }

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}